import {defineComponent} from "vue";

/**
 * AboutView 组件
 */
export default defineComponent({
  name: "AboutView",
  setup() {
    return () => (
      <main class="flex flex-col justify-center items-center w-full h-full">
        <h1 class="text-center text-3xl my-10">关于本站</h1>
        <div class="flex my-3 justify-center text-lg">
          <a href="https://v3.vuejs.org/" target="_blank" class="mx-1">
            <img alt="vue.js" src="https://img.shields.io/badge/vue.js-3.3.4-blue?logo=vue.js" />
          </a>
          <a href="https://www.naiveui.com/zh-CN/light" target="_blank" class="mx-1">
            <img alt="naive ui" src="https://img.shields.io/badge/naive%20ui->2.34.4-blue" />
          </a>
          <a href="https://www.tslang.cn/" target="_blank" class="mx-1">
            <img alt="typescript" src="https://img.shields.io/badge/typescript->5.2.0-blue?logo=typescript" />
          </a>
          <a href="https://vitejs.dev/" target="_blank" class="mx-1">
            <img src="https://img.shields.io/badge/vite-%3E4.4.9-yellow?logo=vite" alt="vite" />
          </a>
          <a href="https://gitee.com/shareloke/macos-web-tsx-project/blob/main/LICENSE" target="_blank" class="mx-1">
            <img src="https://img.shields.io/badge/license-MIT-success" alt="license" />
          </a>
        </div>
        <span class="text-lg font-bold p-2">
          基于 vue3.x + typescript + vite + naive ui + tailwindcss + jsx + vue-router + pinia，
          仿macos桌面前端项目，开源免费模版，希望减少工作量和学习新技术，希望能够帮助大家；
          本人主要是后端的开发，对于前端我也是刚入门的小白，有很多的东西还没有学透，项目里面的用法和写法以及思想都是借鉴别人的，
          业余的时间都会去看看大佬们写的项目，这个项目也算是练练手吧，希望大家能够多多提提建议，请联系QQ：526412864
        </span>
      </main>
    );
  },
});
